<%@ page language="java" contentType="text/html; charset=UTF-8" import="java.util.*"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<c:set var="path" value="${pageContext.request.contextPath}"/>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title></title>
	<link href="${path }/js/uploadify/uploadify.css"  type="text/css" rel="stylesheet"/>
	<script type="text/javascript" src="${path }/js/common/jquery-1.8.1.min.js"></script>
	<script type="text/javascript" src="${path }/js/uploadify/jquery.uploadify.min.js"></script>
	<script type="text/javascript">
		$(document).ready(function(){
			$("#file_upload").uploadify({
				//是否自动上传 true or false  
				'auto':false,
				//超时时间上传成功后，将等待服务器的响应时间。  
		        //在此时间后，若服务器未响应，则默认为成功(因为已经上传,等待服务器的响应) 单位：秒  
		        'successTimeout':99999,
		        //附带值 JSON对象数据，将与每个文件一起发送至服务器端。  
		        //如果为动态值，请在onUploadStart()中使用settings()方法更改该JSON值  
// 		       'formData':{       //可以不写  
// 		           'user.username':'',  
// 		           'user.age':''  
// 		        },
// 		       'onUploadStart': function(file) {       
// 	                var name=$('#username').val();  
// 	                var age=$('#age').val();  
// 	                $("#file_upload").uploadify(  
// 	                "settings",   
// 	                "formData",   
// 	                {'user.username':name,'user.age':age});  
// 				},
		      	//flash  
		        'swf': "${path}/js/uploadify/uploadify.swf",
		        //文件选择后的容器div的id值   
		        'queueID':'uploadfileQueue',
		      	//将要上传的文件对象的名称 必须与后台controller中抓取的文件名保持一致      
		        'fileObjName':'pic',
		      	//上传地址  
		        'uploader':'/graduation_project/upload/uploadFile.do?date=' + new Date().getTime(),
		        
		      	//浏览将要上传文件按钮的背景图片路径  
// 		        'buttonImage':'${path}/js/uploadify/background.jpg', 
		      	//浏览按钮的宽度  
		        'width':'100',  
		  
		        //浏览按钮的高度  
		        'height':'36',
		      	//在浏览窗口底部的文件类型下拉菜单中显示的文本  
		        'fileTypeDesc':'支持的格式：',
		      	//允许上传的文件后缀  
		        'fileTypeExts':'*.jpg;*.jpge;*.gif;*.png;*.txt;',
		        /*上传文件的大小限制允许上传文件的最大 大小。 这个值可以是一个数字或字 符串。 
		                            如果它是一个字符串，它接受一个单位(B, KB, MB, or GB)。 
		                            默认单位为KB您可以将此值设置为0 ，没有限制,  
		                            单个文件不允许超过所设置的值 如果超过 onSelectError时间被触发*/  
		        'fileSizeLimit':'2MB',
		        //允许上传的文件的最大数量。当达到或超过这个数字，onSelectError事件被触发。  
		        'queueSizeLimit' : 3,
		        //上传完成后队列是否自动消失
		        'removeCompleted' : false,
		      	//选择上传文件后调用  
		        'onSelect' : function(file) {  
		        },
		        //返回一个错误，选择文件的时候触发  
		        'onSelectError':function(file, errorCode, errorMsg){  
		            switch(errorCode) {  
		                case -100:  
		                    alert("上传的文件数量已经超出系统限制的"  
		                     +$('#file_upload').uploadify('settings','queueSizeLimit')+"个文件！");  
		                    break;  
		  
		                case -110:  
		                    alert("文件 ["+file.name+"] 大小超出系统限制的"  
		                     +$('#file_upload').uploadify('settings','fileSizeLimit')+"大小！");  
		                    break;  
		  
		                case -120:  
		                    alert("文件 ["+file.name+"] 大小异常！");  
		                    break;  
		  
		                case -130:  
		                    alert("文件 ["+file.name+"] 类型不正确！");  
		                    break;  
		            }  
		        },
		        //上传到服务器，服务器返回相应信息到data里  
		        'onUploadSuccess':function(file, data, response){  
		        },
		      	//当单个文件上传出错时触发  
		        'onUploadError': function (file, errorCode, errorMsg, errorString) {   
		        },
		        //文件上传完成后触发
		        'onQueueComplete' : function(event,queueId,fileObj,response,data){
		        	alert("上传成功");
		        },
		        //当上传过程中发生错误时触发
		        'onError' : function(event,queueId,fileObj,errorObj){
		        	alert("上传失败！" + errorObj.info);
		        },
		        
		        
			});
		});
	</script>
</head>

<body>
	<div id="uploadfileQueue"></div>
	<input type="file" id="file_upload" />
	<input type="button" value="上传" onclick="javascript:$('#file_upload').uploadify('upload','*')" />
	<input type="button" value="取消上传" onclick="javascript:$('#file_upload').uploadify('cancel','*')" >
	
</body>
</html>